<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>代理中心</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/aui/aui.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/aui/aui-flex.css">
<style type="text/css">
body{
  background: #F77963;
}
#header{
  background: transparent;
}
.center{
  background: white;border-radius: 5px;padding: 0.8rem 0.6rem;color:#6B6B6B;
}
.center h5{
  font-weight: 700;
}
.center li{
  font-size: 0.7rem;
}
.upgrade{
  padding: 0.8rem 0.6rem;color:#6B6B6B;border-radius: 5px;
}
.upgrade h4{
  height:40px;width:100%;
}
.upgrade h4 i{
  float: left;width:25%;height: 20px;border-bottom: 1px solid #ECECEC;
}
.Line1{
  margin-left: 5%;
}
.Line2{
  margin-right: 5%;
}
.upgrade h4 span{
  float: left;width: 40%;text-align: center;margin-top:10px;
}
.upgrade h4 span img{
  width:15px;height: 15px;display: inline-block;margin-right: 3px;
}
.term{
  width: 100px;margin: 1rem auto;height: 35px;line-height: 35px;text-align: center;color: #F55D58;border-radius: 35px;border:1px #F55D58 dashed;
}
.twoDiv{
  text-align: center;font-size: 0.7rem;
}
.twoDiv b{
  color: #F55D58;
}
.twoDiv dt{
  margin: 0.2rem 0;
}
.num{
  text-align: center;margin: 20px 0;
}
.ring{
  width:4rem;height: 4rem;border-radius: 4rem;color: white;border-width:5px;margin: 0 auto;border-style:solid;line-height: 3.5rem;font-size: 0.7rem;
}
.ring1{
  background: #F65E59;border-color:#F0B1AD;
}
.addNum{
  font-size:2rem;
}
.ring2{
  background: #B88E64;border-color:#D9C8B4;
}
.upgrade h6.smallFont{
  color:#939393;text-align: center;margin:10px 0;
}
.standard {
  text-align: center;background: #F9D340;border:5px solid #FDE599;padding: 8px 0;
}
.standard .title{
  margin-bottom: 5px;font-weight: 700;
}
.standard .aui-col-xs-4{
  font-size: 0.6rem;
}
.standard .aui-col-xs-4 b{
  color: #F65E59;margin: 0 5px;
}
.smallFont{
  color:#A6A6A6;margin: 20px 0;
}
.textBox{
  margin:20px 0;text-align: center;
}
.textBox p{
  color: #F65E59;
}
.lgbtn{
  background: black;color: white;text-align: center;height: 45px;border-radius: 45px;font-size: 0.8rem;line-height: 45px;width: 90%;margin: 0 auto;
}
</style>
</head>
<body>
  <header class="aui-bar aui-bar-nav jb" id="header">
    <a class="aui-pull-left aui-btn" onclick="closeWin();">
        <span class="aui-iconfont aui-icon-left"></span>&nbsp;&nbsp;返回
    </a>
    <div class="aui-title" id="title"></div>
  </header>
  <section class="aui-content-padded aui-card-list">
    <img src="../image/ccus.png" alt="">
  </section>
  <section class="aui-content-padded aui-card-list center">
    <h5>升级合伙人后，收益将大幅度提升哦</h5>
    <ol>
      <li>1.升级合伙人直推订单收益比铂金会员提高约60%</li>
      <li>2.升级合伙人直推铂金会员订单收益比铂金会员提高200%</li>
      <li>3.升级合伙人享受服务团队的订单收益</li>
      <li>4.升级合伙人享受培育直属服务商的培育津贴</li>
      <li>5.升级合伙人有限享受公司给与的扶持</li>
      <li>6.升级合伙人将有机会享受公司提供的额外福利</li>
    </ol>
  </section>
  <section class="aui-content-padded aui-card-list upgrade">
    <h4><i class="Line Line1"></i><span><img src="../image/smile.png" alt="">升级条件</span><i class="Line Line2"></i></h4>
    <div class="term">条件一</div>
    <div class="aui-row text twoDiv">
      <dl class="aui-col-xs-6">
        <dt>推荐有效直属粉丝</dt>
        <dd>当前<b>0</b>人</dd>
      </dl>
      <dl class="aui-col-xs-6">
        <dt>推荐有效非直属粉丝</dt>
        <dd>当前<b>0</b>人</dd>
      </dl>
    </div>
    <div class="term">条件二</div>
    <div class="aui-row num">
      <div class="aui-col-xs-5"><div class="ring ring1"><b>0</b>单</div></div>
      <div class="aui-col-xs-2 addNum">+</div>
      <div class="aui-col-xs-5"><div class="ring ring2"><b>1000</b>元</div></div>
    </div>
    <div class="aui-row twoDiv Fans">
      <dl class="aui-col-xs-6">
        <dt>粉丝总订单数里</dt>
        <dd>当前<b>1</b>单</dd>
      </dl>
      <dl class="aui-col-xs-6">
        <dt>个人累计收益</dt>
        <dd>当前<b>0.12</b>元</dd>
      </dl>
    </div>
    <h6 class="smallFont">自购或分享出单的粉丝才算有效粉丝</h6>
    <div class="aui-row standard">
      <h3 class="title">收费标准</h3>
      <div class="aui-col-xs-4">年付<b>1100</b>元</div>
      <div class="aui-col-xs-4">月付<b>1100</b>元</div>
      <div class="aui-col-xs-4">永久<b>1100</b>元</div>
    </div>
    <div class="aui-row textBox">
      <p>满足条件一或条件二任意一个即可自动升级</p>
      <p>您也可以选择直接付费升级</p>
    </div>
  </section>
  <section class="aui-content-padded">
      <div class="aui-btn aui-btn-block lgbtn" tapmode onclick="">升级合伙人</div>
  </section>
</body>


<script type="text/javascript">
</script>
</html>
